* {
	padding: 0px;
	margin: 0px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.nav {
	background-color: green;
}

.nav img {
	width: 100%;
	height: 10vh;
}
.name {
    color: white !important;

}

.combopack {
    background-color: rgb(67, 239, 67);
    
}

.combo:hover {
    background-color: blue;
    color: white;
}

.ban img {
	height: 100vh;
}

.mid {
	width: 100%;
	height: 90vh;
	background-image: url(./p-strong.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.midrap {
	width: 80%;
	margin: auto;
	display: grid;
	grid-template-columns: auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}

.box {
	width: 100%;
	height: 60vh;
	margin-top: 50px;
	text-align: center;
	background-color: rgba(84, 192, 219, 0.665);
	border-left: 40px solid rgba(34, 252, 9, 0.8) ;
    border-top: 17px solid rgb(0, 55, 255);
    border-start-end-radius: 90px;
    border-end-start-radius: 60px;
}

.box h1 {
	padding-top: 80px;
	color: white;
	font-size: 40px;
}

.box p {
	color: white;
	font-size: 20px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
.ban h1 {
	font-size: 7em;
	font-weight: bolder;
	font-family: serif;
	color: transparent;
	text-align: center;
	animation: effect 3s linear infinite;
}

.ban p{
width: 500px;
height: 30px;
background-color: white;
color: #0B56ED ;
border-radius: 100px;
font-size: 20px;
position: relative;
animation: mymove 7s infinite;
animation-timing-function: linear-gradient;
}

@keyframes mymove {
from {left: 0px;}
to {left: 250px;}
}
@keyframes effect {
	0% {
		background: linear-gradient(
			#008000, #00FF00);
		-webkit-background-clip: text;
	}

	100% {
		background: linear-gradient(
			#3CE7D7, #000FFF);
		-webkit-background-clip: text;
	}

}
.foot {
	background-color: green;
}

.foot i {
	font-size: 20px;
	color: white;
}